<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
		<link rel="stylesheet" type="text/css" href="bootstrap-4.5.0/dist/css/bootstrap.min.css" />
		<link rel="stylesheet" type="text/css" href="font-awesome-4.7.0/css/font-awesome.css" />
		<link rel="stylesheet" type="text/css" href="css/about.css" />
		<script src="js/jquery-3.3.1.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.bundle.js" type="text/javascript" charset="UTF-8"></script>
		<script src="bootstrap-4.5.0/dist/js/bootstrap.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/popper.js" type="text/javascript" charset="UTF-8"></script>
		<script src="js/vue.js" type="text/javascript" charset="utf-8"></script>
	</head>
	<body>
		<!-- 头部 -->

		<div class="container py-3">
			<div class="row">
				<div class="col-lg-2 col-12 text-center pb-2">
					<img src="img/logo-header-06.png" />
				</div>
				<!-- 头部搜索框 -->
				<div class="col-lg-6 col-12 mb-3">
					<form class="rounded-pill d-flex border search">
						<ul class="nav ml-3">
							<li class="nav-item">
								<a href="#" class="nav-link dropdown-toggle" data-toggle="dropdown" style="color: gray;">MOVIES</a>
								<div class="dropdown-menu">
									<a href="#" class="dropdown-item menu_jg">VIDEOS</a>
									<hr style="color: gainsboro;" />
									<a href="#" class="dropdown-item  menu_jg">CATEGORIES</a>
									<hr style="color: gainsboro;" />
									<a href="#" class="dropdown-item menu_jg">POPULAR</a>
								</div>
							</li>
						</ul>
						<input type="text" class="border-0 headfa  border-right-0 border-bottom-0 border-top-0 mr-2 h-75 w-75 align-self-center" />
						<a href="#" class="fa fa-search mr-3 pt-2 mt-1" style="color: gray;"></a>
					</form>
				</div>

				<div class="col-lg-4 d-lg-block d-none ">
					<div class="d-flex flex-wrap ml-auto">
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-facebook fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-google-plus fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
						<button type="button" class="btn btn-danger rounded-pill">SUBMIT VIDFO</button>
					</div>
				</div>

			</div>
		</div>

		<!-- 头部项目导航栏 -->
		<div class="w-100 headertwo">
			<div class="container">
				<div class="navbar navbar-expand-md py-0">
					<button class="navbar-toggler  mr-5 py-2 d-block justify-content-center" data-toggle="collapse" data-target="#menu">
						<i class="fa fa-bars bar text-light"></i>
					</button>
					<div class="navbar-inner collapse navbar-collapse" id="menu">
						<ul class="nav nav-pills navbar-nav">
							<li><a href="index.html">HOME</a></li>
							<li class="dropdown"><a href="shop.html">MOVIE</a>
								<ul class="dropdown-menu head2 py-0">
									<li><a href="shop.html">Shop</a></li>
									<li><a href="shop_details.html">Shop_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="video.html">VIDEO</a>
								<ul class="dropdown-menu py-0">
									<li><a href="video.html">Video</a></li>
									<li><a href="video_details.html">Video_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="about.html">FEATURES</a>
								<ul class="dropdown-menu py-0">
									<li><a href="about.html">About</a></li>
									<li><a href="submit.html">Submit</a></li>
									<li><a href="list_authors.html">List_authors</a></li>
									<li><a href="authors_details.html">Authors_details</a></li>
								</ul>
							</li>
							<li class="dropdown"><a href="blog.html">BLOG</a>
								<ul class="dropdown-menu py-0">
									<li><a href="blog.html">Blog</a></li>
									<li><a href="blog_details.html">Blog_details</a></li>
								</ul>
							</li>
							<li><a href="contact.us.html">CONTACT</a></li>
						</ul>
					</div>
					<div class="right ml-auto">
						<span class="mr-0">
							<i class="fa fa-user"></i>
							<span>WELCOME GUEST!</span>
							<span style="color: red;">LOGIN</span>
						</span>
					</div>
				</div>
			</div>
		</div>

		<!-- 背景图 -->
		<div style="background-image:url(img/bg-page-title-01.jpg);width: 100%;height: 200px;">
			<!-- 黑幕 -->
			<div class="container-fluid" style="background-color:rgba(0,0,0,0.5);width: 100%;height: 200px;">


				<!--single blog-->

				<div class="container p-0">

					<h1 class="text-center pt-5 " style="color: white;">Single Blog</h1>
					<p class="text-center  py-3 pb-5 " style="color: white;"><span>Home</span>
						<span style="color: red;">/Single Blog</span></p>

				</div>
			</div>
		</div>

		<!-- 中间 -->
		<div class="container d-flex flex-column py-5 mt-5">
			<div class="row">

				<!-- 中左 -->
				<div class="col-lg-9 col-12">
					<!-- 标题 -->
					<h3 class="mt-5"><b>UK Students Celebrate Increase in Top A-Level Marks</b></h3>
					<!-- 图标 -->
					<i class="hs ml-3">
						<span class="fa fa-user ">
							<span class="ml-2">By Thomas Doe</span>
						</span>

						<span class="fa fa-calendar  ml-3">
							<span class="ml-2">Academics,Desing</span>
						</span>

						<span class="fa	fa-tags ml-3">
							<span class="ml-2">(0)Comment</span>
						</span>
					</i>

					<!-- 图片区域 -->
					<div class="blog-dw1 big">
						<div class="h-100 w-100 overflow-hidden">
							<img src="img/single-blog-01.jpg" class="w-100 " />
							<div style="width: 100px;height: 100px;background-color: #222222;" class="blog-dw">
								<p class="fa-2x" style="color: white;text-align: center;">08</p>
								<p style="color: white;text-align: center;">AUG,2018</p>
							</div>
						</div>

					</div>

					<!-- 文字 -->
					<div class="row mt-4 ">


						<!-- <div class=" d-flex flex-wrap ml-auto flex-row flex-lg-column">
					<div class="">
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-facebook fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-autos"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-google-plus fa-1x aa mx-auto"></i>
						</div>
						<div class="rounded-circle mx-1 div1">
							<i class="fa fa-twitter fa-1x aa mx-auto"></i>
						</div>
					
					</div>
				</div>	 -->
						<div class="col-lg-1 ">
							<div class="d-flex flex-wrap ml-auto flex-row flex-lg-column text-center float-left ">
								<p>SHARE</p>
								<i class="fa fa-facebook fa-1x  mx-2 mx-lg-auto div3 rounded-circle hs mb-2 "></i>
								<i class="fa fa-twitter fa-1x mx-2 mx-lg-auto  div3 rounded-circle hs mb-2 "></i>
								<i class="fa fa-google-plus fa-1x mx-2 mx-lg-auto div3 rounded-circle hs mb-2"></i>
								<i class="fa fa-google-plus fa-1x mx-2 mx-lg-auto div3 rounded-circle hs mb-2"></i>
							</div>
						</div>
						<div class="col-lg-11 hs">
							<p>if you are a newbie to managing a WordPress website,then congratulations!You are here at the right track with
								us because we are going to introduce you of the most basic<br />
								knowledge when owning a WordPress page:how to find your site the best WordPress Hosting service.This process is
								often overlooked by most of the website owners.But it can be<br />
								considered the most important key point to bring your site to stand out of the crowd.A great hosting service
								could help you to improve SEO and increase sales as well.<p> But first thing first,what is a
									hosting?Well,basically it is a space that contains all the data related to your website such as your source
									codes,uploaded contents(images,sounds and other media)and your database.lmagine your site is a mixture of
									juices and a jar can be considered a hosting.</p>

								<div class="d-flex flex-row">


									<!-- 引号标签 -->
									<span class="fa fa-quote-left fa-3x " style="color: red;"></span>


									<h4 class="ml-4" style="color: #000000;">Neque porro quisquam est,qui dolorem ipsum quia dolor sit
										amet,consectetur,adipisci velit,sed quia non numquam riustempora incidunt ut labore et dolore magnam aliquam</h4>


								</div>

						</div>

					</div>
					<!-- 文字 -->
					<div class="row">

						<div class="col-lg-1">
							<!--空白 单纯占位1格 -->
						</div>
						<div class="col-lg-11">
							<p class="hs">if you are a newbie to managing a WordPress website,then congratulations!You are here at the right
								track with us because we are going to introduce you one of the most basic knowledge when owning a WordPress
								page:how to find your site the best Hosting service. This process is often overlooked by most of the website
								owners.But it can be considered the most important key point to bring your site to stand out of the crowd.A
								great hosting service could help you to improve SEO and increase sales as well.</p>
						</div>

					</div>
					<div class="row ">
						<div class="col-lg-1">
							<!--空白 单纯占位1格 -->
						</div>
						<div class="col-lg-11 big">

							<div class="overflow-hidden">
								<img src="img/content-blog-01.jpg" class="w-100 " />
							</div>

							<p class="hs mt-3">if you are a newbie to managing a WordPress website,then congratulations!You are here at the
								right track with us because we are going to introduce you one of the most basic knowledge when owning a
								WordPress page</p>
							<!-- tags -->
							<div class="mt-4">
								TAGS:<span class="hong ml-4">film marker,film studio</span>
							</div>
							<!-- 男信息表 -->
							<div style="border: 1px solid gainsboro;" class=" mt-5">
								<div class="container row text-center  my-5">


									<div class="col-lg-4 col-12 p-2">
										<img src="img/ava-01.jpg" />
										<div>
											<i class="fa fa-facebook pt-3 fa-1x hs"></i>
											<i class="fa fa-twitter pt-3 fa-1x ml-5 hs"></i>
											<i class="fa fa-google-plus pt-3 fa-1x ml-5 hs"></i>
										</div>

									</div>
									<div class="col-lg-8 p-2">
										<b class="float-left">Michael Mikado</b> <br />
										<p class="hs float-left">Front-end dev</p><br />
										<p class="hs float-left text-left">lf you are a newbie to managing a WordPress website, then tions! You
											arehere
											at the right track with us be we are going to introduce you one of themost basic knowledge when owning a
											WordPress page: how to find yoursite</p>

									</div>
								</div>

							</div>
							<div class="container row text-center mx-auto my-5 px-0">
								<div class="col-lg-6 col-12 span px-0">
									<div style="border: 1px solid gainsboro;">
										<div class="row py-5">
											<div class="col-4 py-3 mt-3">
												<span class="fa fa-arrow-left mr-2 hs fa-2x rounded-circle div2"></span>
											</div>
											<div class="col-8">


												<span style="float: right;" class="hong pr-2">PREVIOUS</span><br />
												<span style="float: right;" class=" pr-2"><b>Exploring the Vew York</b></span><br />
												<span style="float: right;" class="hs pr-2">October 15,2018</span>
											</div>
										</div>

									</div>
								</div>

								<div class="col-lg-6 col-12 span px-0">
									<div style="border: 1px solid gainsboro;">
										<div class="row py-5">

											<div class="col-8">


												<span style="float: left;" class="hong pl-2">NEXT</span><br />
												<span style="float: left;" class=" pl-2"><b>Exploring the Vew York</b></span><br />
												<span style="float: left;" class="hs pl-2">October 15,2018</span>
											</div>

											<div class="col-4 py-3 mt-3">
												<span class="fa fa-arrow-right mr-2 hs fa-2x rounded-circle div2"></span>
											</div>
										</div>

									</div>
								</div>

							</div>

							<div class="container d-flex row mt-3">
								<b class='mt-4' style="font-size: 20px;">2 COMMENTS</b>

							</div>
							<!--第一个人信息-->
							<div class="row mt-5">
								<div class="col-2 p-0">
									<img src="img/ava-01.jpg" class="w-100" />
								</div>
								<div class='col-10'>
									<h5>Edyagte
										<!-- <span class=' hong float-right'>reply</span> -->
										<a href="#" class='hong  float-right'>reply</a>
									</h5>
									<h5 class='hs'>November 11,2016 at 9:10 AM</h5>
									<p class="hs">
										So far, the corversion increase is more due to plain blunt force, but the quality of bossconversions and
										subsequent leads can be increased
									</p>
								</div>
							</div>
							<hr />
							<!--第二个人信息-->
							<div class="row mt-5">
								<div class="col-2 ">

								</div>
								<div class="col-2 p-0">
									<img src="img/ava-01.jpg" class="w-100" />
								</div>
								<div class='col-8'>
									<h5>Edyagte
										<!-- <span class=' hong float-right'>reply</span> -->
										<a href="#" class='hong  float-right'>reply</a>
									</h5>
									<h5 class='hs'>November 11,2016 at 9:10 AM</h5>
									<p class="hs">
										So far, the corversion increase is more due to plain blunt force, but the quality of bossconversions and
										subsequent leads can be increased
									</p>
								</div>
							</div>
							<!-- ------------leave a conmment -->


							<hr />
							<p class="hs">Your email address will not be published.Required fields are marked*</p>
							<div class=" container mx-auto text-white align-content-center px-0">

								<div class="container row mx-auto  text-center mt-3 px-0">


									<!-- 1 -->
									<div class="col-lg-6 col-12 px-1  py-2 ">

										<input class="my-3 w-100 py-2  px-3" type="text" placeholder="Yours Name*" />
									</div>
									<!-- 2 -->

									<div class="col-lg-6 col-12 px-1  py-2 ">

										<input class="my-3 w-100 py-2  px-3" type="text" placeholder="Yours Name*" />
									</div>
									<!-- 3 -->
									<div class="col-12 px-0  py-2">
										<textarea rows="7" class="w-100 " placeholder="Enter your comment*"></textarea>
									</div>
									<button type="button" class="btn  rounded-pill mt-2 " style="background-color: red;color: white;"> SEND YOUR
										MESSAGR</button>

								</div>

							</div>

							<div class="container row mt-5 ">
								<h2>You May Also Like</h2>
								<div class="d-flex ml-lg-auto">
									<!-- 左右图标 -->
									<a href="#" class="text-center ">
										<span class="fa fa-angle-left mr-2 hs fa-2x rounded-circle div2"></span>
									</a>
									<a href="#" class="text-center  ">
										<span class="fa fa-angle-right  hs fa-2x rounded-circle div2"></span>
									</a>
								</div>

							</div>
							<hr />

							<div class="container row text-center">


								<div class="col-lg-4 dw ">
									<div class="row">
										<div class="col-12">
											<div class="w-100 h-100 overflow-hidden">
												<img src="img/post-01.jpg" class="w-100" />
											</div>
										</div>
									</div>

									<img src="img/star-01.png" class="a" />
									<i>5</i>
									<span class="zhu">IMDb</span>
									<button class="border-0">HOT</button>
									<div class="mt-3">
										<b>How To Make a Pimple<br />Disappear with Makeup</b>
									</div>

								</div>
								<div class="col-lg-4 dw">
									<div class="row">
										<div class="col-12">
											<div class="w-100 h-100 overflow-hidden">
												<img src="img/post-02.jpg" class="w-100" />
											</div>
										</div>
									</div>
									<img src="img/star-01.png" class="a" />
									<i>5</i>
									<span class="zhu">IMDb</span>
									<button class="border-0" style="background-color: orangered;">HOT</button>
									<div class="mt-3">
										<b>How To Make a Pimple<br />Disappear with Makeup</b>
									</div>
								</div>
								<div class="col-lg-4 dw">
									<div class="row">
										<div class="col-12">
											<div class="w-100 h-100 overflow-hidden">
												<img src="img/post-03.jpg" class="w-100" />
											</div>
										</div>
									</div>
									<img src="img/star-01.png" class="a" />
									<i>5</i>
									<span class="zhu">IMDb</span>
									<button class="border-0">HOT</button>
									<div class="mt-3">
										<b>How To Make a Pimple<br />Disappear with Makeup</b>
									</div>
								</div>
							</div>



						</div>

					</div>





				</div>

				<!-- 中右 -->
				<div class="col-lg-3 mt-5 col-12 border-left">
					<!-- 搜索框 search -->
					<div class="form-control search mx-auto mx-md-0 p-0 align-self-center">
						<form class="d-flex h-100">
							<input type="text" placeholder="Search" class="border-0 w-75" />
							<button class="btn d-inline-block py-1 px-3 pl-5 ">
								<span class="fa fa-search "></span>
							</button>
						</form>
					</div>
					<!-- categories -->
					<h5 style="border-left:4px solid red ;padding-left:7px ;" class="mt-5">CATEGORIES</h5>
					<!-- 表格 -->
					<div class="text-muted py-3 border1">
						<p>
							<a href="#"><i class="fa fa-caret-right pr-3"></i>Film marker<span style="float: right;">32</span></a>
						</p>
						<p>
							<a href="#"><i class="fa fa-caret-right pr-3"></i>Film studio<span style="float: right;">32</span></a>
						</p>
						<p>
							<a href="#"><i class="fa fa-caret-right pr-3"></i>Life style<span style="float: right;">16</span></a>
						</p>
						<p>
							<a href="#"><i class="fa fa-caret-right pr-3"></i>Fashion<span style="float: right;">08</span></a>
						</p>
						<p>
							<a href="#"><i class="fa fa-caret-right pr-3"></i>Film online<span style="float: right;">45</span></a>
						</p>
						<p>
							<a href="#"><i class="fa fa-caret-right pr-3"></i>Film studio<span style="float: right;">32</span></a>
						</p>
					</div>
					<!--  -->
					<h5>LATSET POSTS</h5><br>
					<div class="row">

						<!-- 图一 -->
						<div class="col-3">
							<img src="img/post-53.jpg" />
						</div>
						<div class="col-9 pl-5 ">
							<p style="font-weight: normal;">5 Skin Care Rituals You Should Be Doing</p>
							<p class="hs">Dec 30,2016</p>
						</div>

						<!-- 图二 -->
						<div class="col-3">
							<img src="img/post-54.jpg" />
						</div>
						<div class="col-9 pl-5 ">
							<p style="font-weight: normal;">5 Skin Care Rituals You Should Be Doing</p>
							<p class="hs">Dec 30,2016</p>
						</div>
						<!-- 图三 -->
						<div class="col-3">
							<img src="img/post-55.jpg" />
						</div>
						<div class="col-9 pl-5 ">
							<p style="font-weight: normal;">5 Skin Care Rituals You Should Be Doing</p>
							<p class="hs">Dec 30,2016</p>
						</div>
					</div>
					<!-- ----- -->
					<div class=" border1">
						<h5 style="border-left:4px solid red ;padding-left:7px ;margin-bottom: 30px;mt-3">TAGS CLOUD</h5>
						<button class="btn border mr-1 px-1 py-2 my-1 text-muted">Film Oline</button>
						<button class="btn border mr-1 px-1 py-2 my-1 text-muted">Creative</button>
						<button class="btn border mr-1 px-2  py-2 my-1 text-muted">Design</button>
						<button class="btn border mr-1 px-2  py-2 my-1 text-muted">Landing</button>
						<button class="btn border mr-1 px-2  py-2 my-1 text-muted">Skill</button>
						
					</div>
					<div class="row position-sticky sticky-top">
						<div class="col-12">
							<img src="img/ads-04.jpg" class="pt-3 w-100" />
						</div>
					</div>
				</div>


			</div>
		</div>
		<!-- 尾部 -->





		<div style="background-color:#222222;" class="py-5">
			<div class="container row" style="margin: 0px auto;">
				<!--尾- 左 -->
				<div class="col-lg-4 mt-4 text-center zuo">
					<img src="img/logo-header-05.png" class="mt-2" />
					<p class="mt-4 hs">
						Lommodo ligula eget dolor.Aenean massa.Cum sociis
						que penatibus et magins dis parturent montes lorem,
						nascetur ridiculus.Donec quam delis,ultricies nec
						masson.Cum sociis
					</p>

					<!-- <li class="nav-item dropdown btn-group ml-auto mt-3">
						<input type="text" placeholder="Email" style="background-color: #222222;border: white;" class="border w-75 " />
						<a href="#" class="btn" style="background-color: red;color: white;">SUBSCRIBE</a>
					</li> -->
					<form class=" d-flex border-0 W-100 py-3 container">
						<input type="text" class="border border-dark w-75 px-3 ml-auto text-muted" placeholder="Eamil" />
						<a href="#" class="w-50 p-0 ">
							<button type="button" class="text-white border-0 w-100">SUBSCRIBE</button>
						</a>
					</form>

					<div class="tu mt-4">
						<i class="fa fa-facebook  mr-2  hs "></i>
						<i class="fa fa-twitter  mr-2  hs "></i>
						<i class="fa fa-vimeo  mr-2  hs "></i>
						<i class="fa fa-youtube-play  mr-2  hs "></i>
						<i class="fa fa-glide-g  mr-2  hs "></i>
						<i class="fa fa-camera-retro  mr-2  hs "></i>
					</div>


				</div>
				<!--尾- 中 -->
				<div class="col-lg-4 mt-4">
					<h5 style="color: white;font-weight: bold;">LATSET POSTS</h5><br>
					<div class="row">
						<!-- 图一 -->
						<div class="col-4">
							<img src="img/png-post-01.png" />
						</div>
						<div class="col-8 p-0">
							<h5 style="color: white;">Healthy Benefits Of Raw Food And Healthy Diet</h5>
							<p class="hs">Dec 30,2016</p>
						</div>

						<!-- 图二 -->
						<div class="col-4 mt-3">
							<img src="img/png-post-02.png" />
						</div>
						<div class="col-8 p-0 mt-3">
							<h5 style="color: white;">Healthy Benefits Of Raw Food And Healthy Diet</h5>
							<p class="hs">Dec 30,2016</p>
						</div>
						<!-- 图三 -->
						<div class="col-4 mt-3">
							<img src="img/png-post-03.png" />
						</div>
						<div class="col-8 p-0 mt-3">
							<h5 style="color: white;mar">Healthy Benefits Of Raw Food And Healthy Diet</h5>
							<p class="hs">Dec 30,2016</p>
						</div>
					</div>
				</div>
				<!--尾- 右 -->
				<div class="col-lg-3  mt-4  ">
					<p style="color: white;font-weight: bold; font-size: 20px;" class="ml-2">POPULAR CATEGORY</p>
					<!-- 列表 -->
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Fragrances<span class="r_fd  ">15</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Hair Care<span class="r_fd ">12</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Make Up<span class="r_fd ">6</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Outfits<span class="r_fd ">5</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Skin Care<span class="r_fd ">10</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Style<span class="r_fd ">8</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Fashion<span class="r_fd ">5</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Lifestyle<span class="r_fd ">2</span></a></p>
					<p class="m-2"> <a href="#" class="hs   f_zt" style="text-decoration: none;">Wellness<span class="r_fd">3</span></a></p>



				</div>

			</div>


		</div>
		<!--最后一行 -->
		<div class="container-fluid text-center " style="background-color: black;">
			<div class="row">
				<div class="mx-auto col-lg-6">
					<p class="mt-3" style="color: gray;">Copyright 2018 Corporate WordPress Theme by All aright <span style="color: red;">ThimPress</span></p>
				</div>
				<button class="btn text-white px-3 mr-4 mb-4" id="test" style="background-color: red; position: fixed;right: 0;bottom: 0;">↑</button>
			</div>

		</div>
	</body>
	<script type="text/javascript">
		test.onclick = function() {
			scrollTo(0, 0);
		}
	</script>
</html>
